<template>
  <div class="app-container">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <p>
          <span>店铺设置</span>
        </p>
      </div>
      <el-tabs v-model="activeName" class="tabs">
        <el-tab-pane label="店铺权益" name="first"><Equity /></el-tab-pane>
        <el-tab-pane label="店铺行业" name="second"><Vocation /></el-tab-pane>
        <el-tab-pane label="商品类别" name="third"><Category /></el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>
<script>
import Equity from './equity';
import Vocation from './vocation';
import Category from './category';

export default {
  components: { Equity, Vocation, Category },
  data() {
    return {
      activeName: 'first',
    };
  },
};
</script>

<style lang="scss" scoped>
.app-container {
  .box-card {
    // height: 800px;
    .clearfix {
      height: 20px;
      p {
        margin: 0;
        span {
          font-size: 16px;
          font-weight: 650;
        }
      }
      .tabs {
        margin-top: 10px;
      }
    }
  }
}
</style>
